import background from "../assets/head-background.jpg"
import Title from "./Title"
import "./Background.scss"


function Background() {
  return (
    <div style={{position: "relative", width: "100%", height: "50vh"}}>
      <img style={{width: "100%", height: "100%"}} className={"bgImg"} src={background} alt={"head-background"}/>
      <div style={{position: "absolute",
                   top: "50%", left: "50%",
                   transform: "translate(-50%, -50%)",
                   paddingBottom:"2cm",
                   paddingLeft:"20px"
      }}>
        <Title/>
      </div>
    </div>
  );
}

export default Background;